<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" href="./../../assets/css/base.css">
        <link rel="stylesheet" href="./../../assets/css/user-index.css">
    </head>
    <body>
        <header>
            <a href="#" class="user"><img src="./../../assets/image/arrow-white.png" alt=""></a>
            <a href="#" class="search"><img src="./../../assets/image/set.png" alt=""></a>
        </header>
        <div class="user-info sn-clr">
            <img src="./../../assets/image/user-green.png" alt="">
            <h1>Tike_wang</h1>
            <a href="#">升级为服务商</a>
        </div>
        <div class="user-list">
            <a href="#" class="user-index"><img src="./../../assets/image/user-icon.png" alt="" class="user-icon"><span>我的收藏</span><img src="./../../assets/image/arrow-right.png" alt="" class="arrow"></a>
            <a href="#" class="user-index"><img src="./../../assets/image/user-icon2.png" alt="" class="user-icon"><span>我的余额</span><img src="./../../assets/image/arrow-right.png" alt="" class="arrow"></a>
            <a href="#" class="user-index"><img src="./../../assets/image/user-icon3.png" alt="" class="user-icon"><span>我的收益</span><img src="./../../assets/image/arrow-right.png" alt="" class="arrow"></a>
            <a href="#" class="user-index"><img src="./../../assets/image/user-icon4.png" alt="" class="user-icon"><span>我的资讯</span><img src="./../../assets/image/arrow-right.png" alt="" class="arrow"></a>
            <a href="#" class="user-index"><img src="./../../assets/image/user-icon5.png" alt="" class="user-icon"><span>我的素材</span><img src="./../../assets/image/arrow-right.png" alt="" class="arrow"></a>
            <a href="#" class="user-index"><img src="./../../assets/image/user-icon6.png" alt="" class="user-icon"><span>账户安全</span><img src="./../../assets/image/arrow-right.png" alt="" class="arrow"></a>
            <a href="#" class="user-index"><img src="./../../assets/image/user-icon7.png" alt="" class="user-icon"><span>我的订单</span><img src="./../../assets/image/arrow-right.png" alt="" class="arrow"></a>
            <a href="#" class="user-index"><img src="./../../assets/image/user-icon7.png" alt="" class="user-icon"><span>我的供需</span><img src="./../../assets/image/arrow-right.png" alt="" class="arrow"></a>
        </div>
        <button type="button" class="btn">退出登录</button>
    </body>
</html>